<template>
    <div class="main">
        <!-- <el-row class="datarow">
            <el-col class="datacol titlecol" :span="titleSpan">
                <el-button size="gv" icon="el-icon-tickets"
                        >1300</el-button>
            </el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.subAssetName') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.subassetName }}</el-col>
        </el-row>
        <el-row class="datarow ">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.belongToAsset') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.assetEntity.assetName }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.definition') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.subassetDefinition }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.itemNum') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.subassetNum }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.absoluteURL') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.absoluteUrl }}</el-col>
        </el-row> -->
        <el-row class="datarow">
        <el-col class="datacol titlecol" :span="titleSpan">{{ $t('label.shellAssetsInfo') }}</el-col>
      </el-row>
      <!-- <el-row class="datarow bgrow"> -->
      <!-- 资产编号，资产名称 -->
            <!-- <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.table.assetCode') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetEntity.assetCode }}</el-col> -->
            <!-- <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.table.assetName') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetEntity.assetName }}</el-col> -->
      <!-- </el-row> -->
      <el-row>
        <el-col  style="padding: 3px 3px 3px 0px;border-radius: 4px;font-size: 14px;text-align:right;" :span="16">
            <!-- 剧集编号，剧集名称-->
          <el-row class="datarow bgrow">
            <el-col class="labcol" :span="6">{{ $t('assetsAudit.table.subAssetCode') + ":"  }}</el-col>
            <el-col class="datacol" :span="18">{{ datas.subassetCode }}</el-col>
          </el-row>
          <el-row class="datarow">
          <el-col class="labcol" :span="6">{{ $t('assetsAudit.table.subAssetName') + ":"  }}</el-col>
            <el-col class="datacol" :span="18">{{ datas.subassetName }}</el-col>
          </el-row>
            <!-- 类型，集数 -->
          <el-row class="datarow bgrow">
            <el-col class="labcol" :span="6">{{ $t('assetsAudit.subAssetsInfo.type') + ":"  }}</el-col>
            <el-col class="datacol" :span="18">{{ datas.assetEntity.assetType }}</el-col>
          </el-row>
            <!-- 类型，集数 -->
          <el-row class="datarow">
            <el-col class="labcol" :span="6">{{ $t('assetsAudit.subAssetsInfo.itemNum') + ":"  }}</el-col>
            <el-col class="datacol" :span="18">{{ datas.subassetNum }}</el-col>
          </el-row>
        </el-col>
        <el-col class="datacol" :span="8" style="text-align:center;">
                <img v-bind:src="datas.videoHorpic" height="95" width="180">
        </el-col>
      </el-row>
        <!-- 状态，清晰度-->
        <el-row class="datarow bgrow">
          <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.status') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.approvalStatus }}</el-col>
          <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.definition') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.subassetDefinition }}</el-col>
        </el-row>
        <!-- 创建时间 -->
        <el-row class="datarow">
          <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.createTime') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.createdDate }}</el-col>
          <el-col class="labcol" :span="labelSpan">{{ $t('assetsCn.editLabel.assets.isFee') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ datas.isFee }}</el-col>
        </el-row>
        <!-- 内容类型 -->
        <el-row class="datarow bgrow">
          <el-col class="labcol" :span="labelSpan">{{ $t('assetsCn.editLabel.assets.contentType') + ":"  }}</el-col>
          <el-col class="datacol" :span="20">{{ datas.contentType }}</el-col>
        </el-row>
          <!-- 简介 -->
          <!-- <el-row class="datarow">
          <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.introduction') + ":"  }}</el-col>
          <el-col class="datacol" :span="dataSpan">{{ editDetailsForm.introduction }}</el-col>
        </el-row> -->
        <!-- 绝对地址 -->
          <el-row class="datarow">
          <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.subAssetsInfo.absoluteURL') + ":"  }}</el-col>
          <el-col class="datacol" :span="20">{{ datas.absoluteUrl }}</el-col>
        </el-row>
    </div>





</template>

<script>

export default {

  name:'AssetsAudit',
  data () {

    return {
        titleSpan:24,
        labelSpan:4,
        dataSpan:8,
        isShowInfoForm: false,
        activeName: 'first',
        tableHeight:300,
        modelName:"media.model.AssetsAudit",


        // 编辑面板绑定的对象
        dataForm: {
            keyID: 0,
            version: 0,
            belongToAssets: "致命追击",
            subAssetName: "致命追击",
            itemNum: "1",
            time: "90分钟",
            definition:"是",
            resolution:"1920*1080",
            codeRate:"1300kbps",
            videoSize:"1.5G",
            originId:"121329_10503",
            absoluteURL:"http://www.haikan.com",
        },

    }
  },
  computed: {
      dDataSpan:function(){
          return 24 - this.labelSpan;
      }
  },
  methods:{

  },
  props:['datas'],
}


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.main{
    height: 100%;
    width: 100%;
    font-size: 14px;
    color: #333333;
    font-family:"Microsoft YaHei";

}
.datarow {
    border: 1px solid #eeeeee;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    &:last-child {
      margin-bottom: 0;
    }
  }

.titlecol{
    font-weight: bold;
}

.labcol {
padding: 3px 3px 3px 5px;
border-radius: 4px;
font-size: 14px;
text-align:right;
border-right: 1px solid #eeeeee;
}

.datacol {
padding: 3px 3px 3px 3px;
border-radius: 0px;
text-align:left;

vertical-align: middle;
border-right: 1px solid #eeeeee;
}

.bgrow{
    background-color: #d4f1ff;
}

</style>
